<template>
    <div class="common-layout">
        <el-container>
            <el-aside width="350px" height="100%" >
                <el-col :span="12">
                    <div class="a">
                        <img alt="Vue logo" src="../assets/11.png"></div>
            <el-menu :default-active="2"
            class="el-menu-vertical-demo"
            :unique-opened="true"
            @open="handleOpen"
            @close="handClose">
            
            <div class="b">
                <el-menu-item index="5">
                    <el-icon><Odometer /></el-icon>
                    <router-link to="ybp">仪表盘</router-link>
                </el-menu-item></div>
                <div class="b">
                    <el-sub-menu index="1">
                        <template #title>
                            <span><el-icon><Menu /></el-icon>常用设置</span>
                        </template>
                        <el-menu-item index="1-1"><router-link to="/js">教师管理</router-link></el-menu-item>
                        <el-menu-item index="1-2"><router-link to="/xs">学生管理</router-link></el-menu-item>
                        <el-menu-item index="1-3"><router-link to="/gg">公告管理</router-link></el-menu-item>
                    </el-sub-menu>
                    </div>    


                <div class="b">
                    <el-sub-menu index="2">
                        <template #title>
                            <span><el-icon><Aim /></el-icon>问题</span>
                        </template>
                <el-menu-item index="1-1"><router-link to="/wt">问题列表</router-link></el-menu-item>
                <el-menu-item index="1-2"><router-link to="/zj">增加题目</router-link></el-menu-item>
                <el-menu-item index="1-3"><router-link to="/dr">导入导出题目</router-link></el-menu-item>
                </el-sub-menu></div>


                <div class="b">
                    <el-sub-menu index="3">
                        <template #title>
                            <span><el-icon><Trophy /></el-icon>比赛&练习</span>
                        </template>
                <el-menu-item index="1-1"><router-link to="/bs">比赛列表</router-link></el-menu-item>
                <el-menu-item index="1-2"><router-link to="/cj">创建比赛</router-link></el-menu-item>
                    </el-sub-menu></div>


                <div class="b">
                    <el-sub-menu index="4">
                        <template #title>
                            <span><el-icon><Collection /></el-icon>课程</span>
                        </template>
                <el-menu-item index="1-1"><router-link to="/kc">课程列表</router-link></el-menu-item>
                <el-menu-item index="1-2"><router-link to="/cjkc">创建课程</router-link></el-menu-item>
                    </el-sub-menu></div>
            </el-menu>
            </el-col>
            </el-aside>


        <el-container>
           <div class="c">
               <el-header style="text-align: right; font-size:12px">
                   <div class="toolbar">
                       <el-icon><Search /></el-icon>&nbsp;&nbsp;
                          <el-icon><Share /></el-icon>&nbsp;&nbsp;
                            <span>username</span>
                            <el-dropdown>
                                <el-icon style="margin-right: 8px; margin-top:1px">
                                </el-icon><Setting /><el-icon><ArrowDown /></el-icon>
                                <template #dropdown>
                                    <el-dropdown-menu>
                                        <el-dropdown-item>logout</el-dropdown-item>
                                    </el-dropdown-menu>
                                </template>
                            </el-dropdown>
                            </div>
                </el-header>
           </div>
           <el-main>
               <div class="d">
                   <router-view></router-view>

               </div>
           </el-main>
           <el-footer>
               <div class="e">
                   <h5>Build Version:20210929bd</h5></div>
           </el-footer>

            </el-container>


           </el-container>
           </div>


</template>
<script>
import {Odometer,Menu,Aim,Trophy,Collection,Search,Share,ArrowDown} from '@element-plus/icons-vue'
export default{
    data(){
        return{

        }
        },
        components:{
            Odometer,
            Menu,
            Aim,
            Trophy,
            Collection,
            Search,
            Share,
            ArrowDown
        }
    }    
</script>